<template>
  <section class="tmall">
    <div class="wrapper">
      <h2>星巴克精选</h2>
      <p>在星巴克天猫旗舰店发现更多咖啡心意</p>
      <ul class="clearfix">
        <li>
          <a href="javscript:;" class="home-tmall-msr transition">
            <img src="/static/images/homepage/tmall-card-01.png">
            <p class="t-title">
              <strong>会员星礼包</strong>
            </p>
            <p class="t-margin">星享卡新升级<br>更多心意好礼</p>
            <p class="t-more transition">了解更多 ›</p>
          </a>
        </li>
        <li>
          <a href="javscript:;" class="home-tmall-msr transition">
            <img src="/static/images/homepage/tmall-card-02.png">
            <p class="t-title">
              <strong>星礼卡</strong>
            </p>
            <p class="t-margin">用一份心礼<br>让心意相随</p>
            <p class="t-more transition">了解更多 ›</p>
          </a>
        </li>
        <li>
          <a href="javscript:;" class="home-tmall-msr transition">
            <img src="/static/images/homepage/tmall-eticket.png">
            <p class="t-title">
              <strong>电子产品券</strong>
            </p>
            <p class="t-margin">心意<br>从这一杯开始</p>
            <p class="t-more transition">了解更多 ›</p>
          </a>
        </li>
        <li>
          <a href="javscript:;" class="home-tmall-msr transition">
            <img src="/static/images/homepage/tmall-reserve.png">
            <p class="t-title">
              <strong>咖啡生活</strong>
            </p>
            <p class="t-margin">星巴克<br>用心制作</p>
            <p class="t-more transition">了解更多 ›</p>
          </a>
        </li>
      </ul>
    </div>
  </section>
</template>
